
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>Accounts</title>
<script src="http://weapp.googlecode.com/svn/api/weapp.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.min.js"></script>
<script src="http://jpp.googlecode.com/svn/socket.io/io-0.8.7.min.js"></script>
<script src="http://jpp.googlecode.com/svn/jquery/plugins/jquery.cookies-2.2.0.min.js"></script>
<script src="http://jpp.googlecode.com/svn/jquery/plugins/jquery.md5-1.2.1.min.js"></script>
<script src="http://jpp.googlecode.com/svn/jquery/plugins/validity-1.2.0/jquery.validity.min.js"></script>
<link  href="http://localhost/js/jquery.validity.css" rel="stylesheet" type="text/css" />
<script>
    switch (Weiran.Lang.getCode()) {
    case 'zh-CN':
        Weiran.loadJsFile(
            document,
            "http://jpp.googlecode.com/svn/jquery/plugins/validity-1.2.0/l10n/jquery.validity.lang.zh-CN.js"
        );
        break;
    default:
        break;
    }
</script>

<script src="app.js"></script>

<style type="text/css">
.signin-box {
    font-size: 14px;
}
.signin-box input[type=text],
.signin-box input[type=password] {
    width: 365px;
}
.signin-box input[type=submit] {
    margin-top: 10px;
    width: 128px;
}
</style>

<style type="text/css">
.create-box {
    font-size: 14px;
    display: none;
}
.create-box input[type=text],
.create-box input[type=password] {
    width: 365px;
}
.create-box input[type=submit] {
    margin-top: 10px;
    width: 128px;
}
</style>

<style type="text/css">
.logout-box {
    font-size: 14px;
    display: none;
}
.logout-box input[type=text],
.logout-box input[type=password] {
    width: 100%;
}
.logout-box input[type=submit] {
    margin-top: 10px;
    width: 128px;
}
</style>

</head>

<body>
<div class="signin-box">
    <h3>Sign in</h3>
    <p>
        <label>
            Email Address<br />
            <input type="text" name="Email" id="email" value="">
        </label>
    </p>
    <p>
        <label>
            Password<br />
            <input  type="password" name="Password" id="passwd">
        </label>
    </p>
    <p>
        <label>
            <input type="checkbox" name="Remember" id="remember" value="yes" checked="checked">
            Remember password
        </label><br />
        <input type="submit" name="signIn" id="signIn" value="Sign in">
        <a id='forgetPasswd' href='#'>Forget password</a> 
        <a id='createButton' href='#'>Create new account</a>
    </p>
</div>

<div class="create-box">
    <h3>Create new account</h3>
    <p>
        <label>
            Email Address<br />
            <input type="text" name="Email" id="email" value="">
        </label>
    </p>
    <p>
        <label>
            Password<br />
            <input  type="password" name="Password" id="passwd">
        </label>
    </p>
    <p>
        <label>
            Password again<br />
            <input  type="password" name="Password again" id="passwdAgain">
        </label>
    </p>
    <p>
        <label>
            <span id='random1'>1</span> + <span id='random2'>1</span> = ?<br />
            <input  type="text" name="Random sum" id="randomSum">
        </label>
    </p>
    <p>
        <input type="submit" name="create" id="create" value="Create">
    </p>
</div>

<div class="logout-box">
    <h3>Log out</h3>
    
</div>

<hr />

<pre id="info"></pre>
</body>
</html>

